<%@page isELIgnored="false" import="java.net.*" %>
<%@taglib prefix="tiles" uri="struts-tiles" %>
<%@taglib prefix="html" uri="struts-html" %>
<%@taglib prefix="fn" uri="jstl-fn" %>
<%@taglib prefix="mcfn" uri="mcfn" %>
<%@taglib prefix="bean" uri="struts-bean" %>
<%@taglib prefix="c" uri="jstl" %>
<script type="text/javascript">
							function addNewExit( )
							{
								numMateriales = 1 ;

								while( true )
								{
									divEx = document.getElementById( 'Materiales' + numMateriales ) ;

									// en caso de que no sea null
									if( divEx != null )
									{
										// pasa al siguiente
										// aumenta materiales
										numMateriales = numMateriales + 1 ;
									}
									// en caso de que sea null
									else
									{
										break ;
									}
								}
								// crea el elemento del div
								divNew = document.createElement( "div" ) ;
								divNew.setAttribute( "id" , "Materiales" + numMateriales ) ;
								
								tableNew = document.createElement( "table" ) ;
								tableNew.setAttribute( "width" , "70%" ) ;
								tableNew.setAttribute( "cellpadding", "1" ) ;
								tableNew.setAttribute( "cellspacing" , "1" ) ;
								trNew = document.createElement( "tr" ) ;
								tdNew = document.createElement( "td" ) ;
								tdNew.setAttribute( "valign" , "top" ) ;
								tdNew.setAttribute( "width" , "30%" ) ;
								tdNew.setAttribute( "align" , "right" ) ;
								textNew = document.createTextNode( 'Archivo de materiales:' ) ;
								tdNew.appendChild( textNew ) ;
								trNew.appendChild( tdNew ) ;
								/*
						 		<div id="Materiales1">
									<table style="width: 50%;">
										<tr>
											<td valign="top">Archivo de materiales: &nbsp; &nbsp;</td>
											<td><intput type="file" name="archivo" /></td>
											<td> &nbsp; &nbsp; &nbsp;<html:img src="images/btnAdd.gif" onclick="addNewExit( )" /></td>
										</tr>
									</table>
								</div>
						 */
								tdNew = document.createElement( "td" ) ;
								inputNew = document.createElement( "input" ) ;
								inputNew.setAttribute( "type" , "file" ) ;
								inputNew.setAttribute( "name" , "archivo0" + numMateriales ) ;
								inputNew.setAttribute( "value" , "" ) ;
								//alert( "archivo0" + numMateriales ) ;
								tdNew.setAttribute( "width" , "50%" ) ;
								tdNew.appendChild( inputNew ) ;
								trNew.appendChild( tdNew ) ;

								tdNew = document.createElement( "td" ) ;
								imgNew = document.createElement( "img" ) ;
								imgNew.setAttribute( "src" , "images/btnAdd.gif" ) ;
								imgNew.setAttribute( "onclick" , "addNewExit( )" ) ;
								tdNew.appendChild( imgNew ) ;
								tdNew.setAttribute( "width" , "20%" ) ;
								trNew.appendChild( tdNew ) ;
								
								tableNew.appendChild( trNew ) ;

								divNew.appendChild( tableNew ) ;
								
								// taam el td
								tdMateriales = document.getElementById( 'TDMateriales' ) ;

								tdMateriales.appendChild( divNew ) ;
							}
						</script>
<c:set var="ResAsset"></c:set><c:set var="AssetsLength" value="${fn:length(FlowData.assets)}"/><c:set var="AssetsLengthLast" value="${fn:length(FlowData.assets) - 1}"/><c:forEach items="${FlowData.assets}" var="asset" varStatus="assetStatus"><c:set var="ResAsset">${ResAsset} ${asset.nombre}<c:if test="${assetStatus.index lt AssetsLengthLast}">,</c:if></c:set></c:forEach>
<center>
<br/>
<table style="width: 800px;">
<!--<tr>
    <td style="width: 100%; "><h2>Tarea : ${ResAsset}</h2></td>
</tr>
<tr>
	<td style="width: 100%; ">Cuenta: ${UserLogin.actualCountName}</td>
</tr>
<tr>
	<td style="width: 100%; ">Nombre de Campa&ntilde;a: ${FlowData.campania.nombre}</td>
</tr>-->
<tr>
	<td style="width: 100%; ">&nbsp;<font color="red">${FlowData.error}</font></td>
</tr>

<tr>
	<td style="width: 100%; ">&nbsp;</td>
</tr>
<tr>
	<td style="width: 100%; text-align: center;" id="TDMateriales">
		<div id="Materiales1">
			<table style="width: 70%;">
				<tr>
					<td valign="top" align="right" width="30%">Archivo de contrato:</td>
					<td width="50%"><input type="file" name="archivo01" value="" /></td>
                                        <td width="20%">&nbsp;</td>
				</tr>
			</table>
		</div>
	</td>
</tr>
<tr>
	<td style="width: 100%; ">&nbsp;</td>
</tr>
<tr>
	<td>
		<table style="width: 100%;">
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
<!--			<tr>
				<td valign="top">Comentarios</td>
				<td colspan="2"><textarea style="width: 100%; height: 150px; background-color: #C0C0C0; " name="comentarios" ></textarea></td>
			</tr>-->
			<tr>
                            <td colspan="3" align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="button" value="Enviar" onclick="if( confirm( 'Deseas Concluir la Tarea?' ) ) processExit( 'Enviar' );" /></td>
			</tr>
		</table>
	</td>
</tr>


</table>
</center>